﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<script type="text/javascript" src="../ckeditor/ckeditor.js"></script>
<html>
<head>
</head>
<body>
<form name="dataFrm" id="dataFrm" enctype="multipart/form-data">
    <table width="100%" border="0" cellspacing="5" cellpadding="0">
        <thead>
        <tr>
            <td align="center" colspan="2" class="text_tabledetail2">增加新闻</td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td style="text-align:right;" class="text_tabledetail2">分类</td>
            <td style="text-align:left;">
                <!-- 列出所有的新闻分类 -->
                <select name="categoryId">
                    <option value="1">国内</option>
                    <option value="2">国际</option>
                    <option value="3">娱乐</option>
                    <option value="4">军事</option>
                    <option value="5">财经</option>
                    <option value="6">天气</option>
                </select>
            </td>
        </tr>
        <tr>
            <td style="text-align:right;" class="text_tabledetail2">标题</td>
            <td style="text-align:left;"><input type="text" name="title" id="title" value=""/></td>
        </tr>
        <tr>
            <td style="text-align:right;" class="text_tabledetail2">作者</td>
            <td style="text-align:left;"><input type="text" name="author" id="author" value=""/></td>
        </tr>

        <tr>
            <td style="text-align:right;" class="text_tabledetail2">摘要</td>
            <td style="text-align:left;"><textarea id="summary" name="summary" rows="8" cols="50"></textarea></td>
        </tr>
        <tr>
            <td style="text-align:right;" class="text_tabledetail2">内容</td>
            <td style="text-align:left;">
                <div id="xToolbar"></div>
                <textarea id="content" name="content" rows="8" cols="30"></textarea></td>
        </tr>
        <tr>
            <td style="text-align: right" class="text_tabledetail12">上传图片</td>
            <td style="text-align: left">
                <input type="file" name="picPath" value=""/>
            </td>
        </tr>
        <tr>
            <td style="text-align:center;" colspan="2">
                <%--<input type="submit" class="page-btn" value="保存" name="save">--%>
                <button type="button" class="page-btn" name="return" onclick="add()">保存</button>
                <button type="button" class="page-btn" name="return"
                        onclick="javascript:location.href='newsDetailList.jsp'">返回
                </button>
            </td>
        </tr>
        </tbody>
    </table>
</form>
</body>
<script src="../js/jquery-1.9.1.js" type="text/javascript"></script>
<script>
function add() {
    // var pramsArray=$("#dataFrm").serializeArray();  //将表单编码json数组
    // var queryString=$.param(pramsArray);  //将json数组序列化为字符串
    var queryString = $("#dataFrm").serialize();
    if (title == "") {
        alert("标题为空");
        return;
    } else if (author == "") {
        alert("作者为空");
        return;
    } else {
        $.ajax({
            "url": "/newsServlet?action=add",
            "type": "post",
            "data": queryString,
            "dataType": "json",
            "success": addcallBack,
            "error": function () {
                alert("请求异常,请与管理员联系")
            }
        })

        function addcallBack(data) {
            if (data.flag == "true") {
                location.href = "newsDetailList.jsp";
                alert("操作成功")
            } else {
                alert("操作失败")
            }
        }
    }
}
</script>
</html>